import router from "./router";
import store from "./store";
import { getToken } from "@/utils/auth";
import { Message } from "element-ui";
import NProgress from "nprogress"; // 水平进度条提示: 在跳转路由时使用
import "nprogress/nprogress.css"; // 水平进度条样式
import getPageTitle from "@/utils/get-page-title"; // 获取应用头部标题的函数
import Layout from "@/layout";
import ParentView from "@/components/ParentView";
const _import = require("./router/_import_" + process.env.NODE_ENV); // 获取组件的方法

NProgress.configure({ showSpinner: false }); // NProgress Configuration
const whiteList = ["/login"]; // no redirect whitelist
router.beforeEach(async (to, from, next) => {
  NProgress.start();
  // set page title
  document.title = getPageTitle(to.meta.title);
  // determine whether the user has logged in
  const hasToken = getToken();
  if (hasToken) {
    if (to.path === "/login") {
      // if is logged in, redirect to the home page
      next({ path: "/" });
      NProgress.done();
    } else {
      const hasGetUserInfo = store.getters.name;
      if (hasGetUserInfo) {
        next();
      } else {
        try {
          // get user info
          await store.dispatch("user/getInfo"); // 请求获取用户信息
          if (store.getters.menus.length < 1) {
            global.antRouter = [];
            next();
          }
          const menus = filterAsyncRouter(store.getters.menus); // 1.过滤路由
          console.log(menus);
          router.addRoutes(menus); // 2.动态添加路由
          const lastRou = [{ path: "*", redirect: "/404", hidden: true }];
          router.addRoutes(lastRou);
          global.antRouter = menus; // 3.将路由数据传递给全局变量，做侧边栏菜单渲染工作
          next({
            ...to,
            replace: true,
          });
          // next()
        } catch (error) {
          // remove token and go to login page to re-login
          console.log(error);
          await store.dispatch("user/resetToken");
          Message.error(error || "Has Error");
          next(`/login?redirect=${to.path}`);
          NProgress.done();
        }
      }
    }
  } else {
    /* has no token*/
    if (whiteList.indexOf(to.path) !== -1) {
      // in the free login whitelist, go directly
      next();
    } else {
      // other pages that do not have permission to access are redirected to the login page.
      next(`/login?redirect=${to.path}`);
      NProgress.done();
    }
  }
});

router.afterEach(() => {
  // finish progress bar
  NProgress.done();
}); // // 遍历后台传来的路由字符串，转换为组件对象
function filterAsyncRouter(asyncRouterMap) {
  const accessedRouters = asyncRouterMap.filter((route) => {
    if (route.component) {
      if (route.component === "Layout") {
        route.component = Layout;
      } else if (route.component === "ParentView") {
        route.component = ParentView;
      } else {
        try {
          route.component = _import(route.component); // 导入组件
          // console.log("@@@", "@/views/" + route.component + ".vue");
          // route.component = () => import("@/views/" + route.component + ".vue");
          // route.component = () => import("@/views/system/sysRole/list.vue");
        } catch (error) {
          debugger;
          console.log(error);
          route.component = _import("dashboard/index"); // 导入组件
        }
      }
    }
    if (route.children && route.children.length > 0) {
      route.children = filterAsyncRouter(route.children);
    } else {
      delete route.children;
    }
    return true;
  });
  return accessedRouters;
}
